<?php
use_helper('jQuery');
jq_add_plugins_by_name(array('sortable'));
?>
<h1>Agenda de Profesional</h1>
<div id='calendar'></div>
<script type="text/javascript">
  $(document).ready(function(){
    var minutosMaxCita=60;
    var minutosXCita=20;
    var horaInicialJornada=6;
    var horaFinalJornada=22;
    var date=new Date();var d=date.getDate();var m=date.getMonth();var y=date.getFullYear();
    var c=$('#calendar').fullCalendar({monthNames:['Enero','Febrero','Marzo','Abril','Mayo','Junio','Julio','Agosto','Septiembre','Octubre','Noviembre','Diciembre'],monthNamesShort:['Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sep','Oct','Nov','Dic'],dayNames:['Domingo','Lunes','Martes','Miércoles','Jueves','Viernes','Sábado'],dayNamesShort:['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],dayNamesMin:['Do','Lu','Ma','Mi','Ju','Vi','Sá'],dateFormat:'dd/mm/yyyy',buttonText:{today:'hoy',month:'mes',week:'semana',day:'dia'},firstDay:1,
      
      header:{left:'prev,next today',center:'title',right:'month,agendaWeek,agendaDay'}
      ,defaultView:'agendaDay'
      ,axisFormat:'HH:mm'
      ,slotMinutes:minutosXCita
      ,defaultEventMinutes:minutosXCita
      ,minTime:horaInicialJornada
      ,maxTime:horaFinalJornada
      
      ,dayClick:function(date,allDay){if(!allDay){window.location='<?php echo url_for('cita/new?inicio=') ?>'+(date.valueOf()/1000)}}
      ,eventClick:function(calEvent){
        alert('Event: '+calEvent.title);
        if(event.url){window.open(event.url);return false}
      }
      ,editable:true
      ,selectable:true
      ,selectHelper:true
      ,select:function(start,end,allDay){
        if(!allDay){
          if(start.valueOf()>date.valueOf()){
            if(((end.valueOf()/1000/60)-(start.valueOf()/1000/60))<=minutosMaxCita){
              if(end){window.location='<?php echo url_for('cita/new?inicio=') ?>'+(start.valueOf()/1000+'/a/'+(end.valueOf()/1000))}
              else{window.location='<?php echo url_for('cita/new?inicio=') ?>'+(start.valueOf()/1000)}
            }else{alert('La duracion maxima de la cita es '+minutosMaxCita+' minutos');location.reload(true)}
          }else{alert('La fecha para cita tiene que ser mayor a la actual');location.reload(true)}
        }
//        var title=prompt('Event Title:');
//        if(title){c.fullCalendar('renderEvent',{title:title,start:start,end:end,allDay:allDay},true)}
//        c.fullCalendar('unselect');
      }
      
//      ,events:[
//        {
//          title:'All Day Event',
//          start:new Date(y, m, 1)
//        },
//        {
//          title:'Long Event',
//          start:new Date(y, m, d-5),
//          end:new Date(y, m, d-2)
//        },
//        {
//          id:999,
//          title:'Repeating Event',
//          start:new Date(y, m, d-3, 16, 0),
//          allDay:false
//        },
//        {
//          id:999,
//          title:'Repeating Event',
//          start:new Date(y, m, d+4, 16, 0),
//          allDay:false
//        },
//        {
//          title:'Meeting',
//          start:new Date(y, m, d, 10, 30),
//          allDay:false
//        },
//        {
//          title:'Lunch',
//          start:new Date(y, m, d, 12, 0),
//          end:new Date(y, m, d, 14, 0),
//          allDay:false
//        },
//        {
//          title:'Birthday Party',
//          start:new Date(y, m, d+1, 19, 0),
//          end:new Date(y, m, d+1, 22, 30),
//          allDay:false
//        },
//        {
//          title:'Click for Google',
//          start:new Date(y, m, 28),
//          end:new Date(y, m, 29),
//          url:'http://google.com/'
//        }
//      ]
    })
  })
</script>